{% extends 'index.twig' %}
{% set contents = page.content|json_decode %}
{% set teams = app.generic.modelData('Team member', '', {}, { sort: 'rank', order: 'ASC' }) %}

{% block extraHead %}
<style>
ul.style1 li {
	padding: 0.2em 0 !important;
}
</style>
{% endblock %}

{% block content %}
<div id="main-wrapper">
	<div id="main" class="container">
		
		<div class="row">
			<!-- Sidebar -->
				<div id="sidebar" class="4u" style="max-width: 300px;">
				{#
					<section class="section-padding">
						<header>
							<h2>{{ page.labels|langdata(lang)|raw }}</h2>
						</header>
						{% for itm in contents %}
							{% if loop.index == 1 %}
								<p style="font-size: 14px;">{{ itm|json_encode|langdata(lang) }}...</p>
							{% endif %}
						{% endfor %}
						<a href="/{{ lang }}/about-us/" class="button">Learn More</a>
					</section>#}
					
					<section>
						<header>
							<a href="/{{ lang }}/about-us/"><h2>{{ page.labels|langdata(lang)|raw }}</h2></a>
						</header>
						<ul class="style1">
							{% for itm in teams['_data'] %}
								<li><a href="/{{ lang }}/about-us/{{ itm.slug }}/">{{ itm.labels|langdata(lang)|raw }}</a></li>
							{% endfor %}
						</ul>
						<a href="/{{ lang }}/contact/" class="button">{{ globals|myGlobal('contact')|langdata(lang)|raw }}</a>
					</section>
					
				</div>
		
			<!-- Content -->
				<div id="content" class="8u important(collapse)">
					<article>
						
						
						{% if param == null %}
							<img src="/assets/image/551/950/" style="width: 750px;" alt="" />
							{% for itm in contents %}
								<p>{{ itm|json_encode|langdata2(lang)|raw }}</p>
							{% endfor %}
						{% else %}
							{% for itm in teams['_data'] %}
								{% if param == itm.slug %}
									<header>
										<h2>{{ itm.labels|langdata(lang)|raw }}</h2>
										<span style="font-size: 20px;">{{ itm.designation|langdata(lang)|raw }}</span>
									</header>
									{% if itm.image != '' %}
									<img src="{{ itm.image|imgsrc|replace({ '950' : '650' }) }}" alt="" />
									{% endif %}
									<p>{{ itm.content|langdata2(lang)|raw }}</p>
								{% endif %}
							{% endfor %}
						{% endif %}
						
						
					</article>
				</div>

		</div>
		
	</div>
</div>

{% endblock %}